<template>
<!-- 轮播图的公共样式类 -->
    <!-- <div>
        <mt-swipe :auto="4000">
            <mt-swipe-item v-for="item in lunbotuList" :key="item.url">
                <img :src="item.img" alt="" />
            </mt-swipe-item>
        </mt-swipe>
    </div> -->
	<div class="container">
	    <mt-swipe :auto="4000">
	        <mt-swipe-item>
	            <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/d880ff45a9a3b70527770e01521fc939.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="" />
	        </mt-swipe-item>
			<mt-swipe-item>
			    <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/d880ff45a9a3b70527770e01521fc939.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="" />
			</mt-swipe-item>
			<mt-swipe-item>
			    <img src="//cdn.cnbj1.fds.api.mi-img.com/mi-mall/d880ff45a9a3b70527770e01521fc939.jpg?thumb=1&w=250&h=250&f=webp&q=90" alt="" />
			</mt-swipe-item>
	    </mt-swipe>
		
	</div>
</template>

<script>
export default {
	// 来接收父组件的传值
    // props: ["lunbotuList"]
}
</script>

<style scoped>
	.mint-swipe{
		height: 200px;
		text-align: center;
	}
	.mint-swipe img{
		/* width: 100%; */
		height: 100%;
	}
	.mint-swipe-item:nth-child(1) {
		/* background-color: skyblue; */
	}
	.mint-swipe-item:nth-child(2) {
		/* background-color: cyan; */
	}
	.mint-swipe-item:nth-child(3) {
		/* background-color: blue; */
	}
</style>